<!DOCTYPE html>
<html lang="it" xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:icecore="http://www.icefaces.org/icefaces/core"
	xmlns:ice="http://www.icesoft.com/icefaces/component"
	xmlns:ace="http://www.icefaces.org/icefaces/components"
	xmlns:prettyfaces="http://ocpsoft.com/prettyfaces"
	xmlns:m="http://code.google.com/p/gmaps4jsf/">
	
<ui:composition template="/templateDettEventi.xhtml">
	    <ui:define name="header"> 
		<title>#{eventiBean.dettaglio.titolo} - inBOtta</title>
	    <meta name="keywords" content="#{eventiBean.dettaglio.keywords}"/>		
	    <meta name="description" content="#{eventiBean.dettaglio.descrizioneBreve}"/>	
		</ui:define>		
		<!-- content -->
		<ui:define name="body">
		<h:form id="formEv">	
		<section id="content">
			<div class="wrapper">
				<div id="corpo-middle-scheda">
					<h2 class="ident-bot-1"><ice:outputText value="#{eventiBean.dettaglio.titolo}"/></h2>
					<div>
					<div class="info-top">
					    <div class="cornice">
					     <!--   <div class="dettaglio"><div class="titolo titolo-box-2">CATEGORIA</div><ice:outputText value="#{eventiBean.dettaglio.categoria}"/></div> -->
							<div class="dettaglio"><div class="titolo titolo-box-2">TIPOLOGIA</div><ice:outputText value="#{eventiBean.dettaglio.tipo}"/></div>	
					        <div class="clear"></div>											
					        <div class="dettaglio"><div class="titolo titolo-box-2">LOCATION</div><ice:outputText rendered="#{eventiBean.dettaglio.idLuogo==''}" value="#{eventiBean.dettaglio.nomeLuogo}"/>
                             <ice:commandLink rendered="#{eventiBean.dettaglio.idLuogo!=''}" actionListener="#{luoghiBean.dettaglioLuogoListener}" 
								action="pretty:luogoItem" styleClass="link-1">
								<f:attribute name="nomeLuogo" value="#{eventiBean.dettaglio.nomeLuogo}" />			
								<f:attribute name="idLuogo" value="#{eventiBean.dettaglio.idLuogo}" />
								<ice:outputText value="#{eventiBean.dettaglio.nomeLuogo}"></ice:outputText>
							</ice:commandLink>						        
							</div>
							<ice:portlet rendered="#{!eventiBean.dettaglio.settimanale and eventiBean.dettaglio.dataFine!=null}" styleClass="dettaglio"><div class="titolo titolo-box-2">DATA</div>Dal <ice:outputText value="#{eventiBean.dettaglio.data}" ><f:convertDateTime pattern="#{eventiBean.DATE_PATTERN}"/></ice:outputText> Al <ice:outputText value="#{eventiBean.dettaglio.dataFine}"><f:convertDateTime pattern="#{eventiBean.DATE_PATTERN}"/></ice:outputText></ice:portlet>
					        <ice:portlet rendered="#{!eventiBean.dettaglio.settimanale and eventiBean.dettaglio.dataFine==null}" styleClass="dettaglio"><div class="titolo titolo-box-2">DATA</div><ice:outputText value="#{eventiBean.dettaglio.data}"><f:convertDateTime pattern="#{eventiBean.DATE_PATTERN}"/> </ice:outputText> </ice:portlet>		
					        <ice:portlet rendered="#{eventiBean.dettaglio.settimanale}" styleClass="dettaglio"><div class="titolo titolo-box-2">DATA</div><ice:outputText value="Ogni #{eventiBean.dettaglio.giornoIta}" /></ice:portlet>											        
					        <ice:portlet rendered="#{!eventiBean.dettaglio.settimanale and eventiBean.dettaglio.dataFine!=null}" styleClass="dettaglio"><div class="titolo titolo-box-2">ORARIO</div>Dalle <ice:outputText value="#{eventiBean.dettaglio.data}" ><f:convertDateTime pattern="#{eventiBean.HOUR_PATTERN}"/></ice:outputText> Alle <ice:outputText value="#{eventiBean.dettaglio.dataFine}"><f:convertDateTime pattern="#{eventiBean.HOUR_PATTERN}"/></ice:outputText></ice:portlet>		
					        <ice:portlet rendered="#{!eventiBean.dettaglio.settimanale and eventiBean.dettaglio.dataFine==null}" styleClass="dettaglio"><div class="titolo titolo-box-2">ORARIO</div>Dalle <ice:outputText value="#{eventiBean.dettaglio.data}" ><f:convertDateTime pattern="#{eventiBean.HOUR_PATTERN}"/></ice:outputText></ice:portlet>		
					        <ice:portlet rendered="#{eventiBean.dettaglio.settimanale}" styleClass="dettaglio"><div class="titolo titolo-box-2">ORARIO</div><ice:outputText value="Dalle #{eventiBean.dettaglio.ora}" ><f:convertDateTime pattern="#{eventiBean.HOUR_PATTERN}"/></ice:outputText></ice:portlet>
					        <div class="clear"></div>
					        <div class="dettaglio doppio"><div class="titolo titolo-box-2">INDIRIZZO</div><ice:outputText value="#{eventiBean.dettaglio.indirizzo}"/></div>
					        <div class="clear"></div>
					        <div class="dettaglio doppio"><div class="titolo titolo-box-2">INDIRIZZO WEB</div><ice:outputText value="#{eventiBean.dettaglio.web}"/></div>
					        <div class="clear"></div>
					    </div>					</div>					<div class="info-middle">
						<p></p>
						<ice:graphicImage styleClass="ident-bot-12" url="../../../images/eventi/#{eventiBean.dettaglio.foto}"/>								
						<p class="ident-bot-1"></p>
					</div>
					<div>
						<p><strong><ice:outputText value="#{eventiBean.dettaglio.descrizioneBreve}"/></strong></p>
						<p class="ident-bot-1"><ice:outputText value="#{eventiBean.dettaglio.descrizione}"/></p>
					</div>
	
					<div class="info-bottom">
							<div class="cornice">
								<div class="dettaglio">
									<div class="titolo-box-2">INGRESSO</div>
									<div class="tipologie"><ice:outputText rendered="#{eventiBean.dettaglio.prezzo !=''}" value="#{eventiBean.dettaglio.prezzo} Euro"/></div>
								</div>
								<div style="clear:both;"></div>
								<div class="dettaglio">
									<div class="titolo-box-2">Fascia di Prezzo</div>
									<div class="tipologie"><ice:outputText rendered="#{eventiBean.dettaglio.prezzo !=''}" value="#{eventiBean.dettaglio.fascia}" /></div>
								</div>
								<div class="dettaglio">
									<div class="titolo-box-2">Tessera</div>
									<div class="tipologie"><ice:outputText value="#{eventiBean.dettaglio.carta}" /></div>
								</div>
								<div style="clear:both;"></div>
							</div>
						</div>
					</div>
				
				</div>
				
				<div id="corpo-middle-dx">
			 	<!-- MAPPA  CON GMAP4JSF -->
			    <m:map  width="300" height="250" latitude="44.486464" longitude="11.356087" jsVariable="gmap" zoom="14">
         			<m:marker address="#{eventiBean.dettaglio.indirizzo}">
					<m:popup icon="snack" content="#{eventiBean.dettaglio.titolo}" />
					</m:marker>
                    <m:mapControl name="GSmallMapControl" />
  				</m:map>	

  				<!-- FACEBOOK LIKE -->
  				<div class="fb-like" href="#{prettyContext.requestQueryString}" data-send="true" data-width="300" data-layout="button_count" data-show-faces="false"></div>
  				<!-- END LIKE -->
  				<div class="clear"></div>
				<!-- TWITTER SHARE ATTENZION RICHIEDE TITLE PAGINA = TITLE EVENTO-->
				<div class="twitter"><a href="https://twitter.com/share" class="twitter-share-button" data-count='horizontal'  data-text='' data-url="#{prettyContext.requestQueryString}" data-via="inBOtta" data-lang="it">Tweet</a> </div>
				<!-- END SHARE -->
				<!-- GOOGLE SHARE -->
				<div class="g-plusone" data-size="medium" data-annotation="inline" data-width="250"></div>
				<!-- END SHARE -->

  				<div class="clear"></div>
				<p><strong>Altri Eventi</strong></p>
				<br/>
				<br/>
				<ice:repeat id="eventiCultura" rows="5" value="#{eventiBean.cultura}" var="cul" >							
	                <ice:portlet styleClass="wrapper ident-bot-4" rendered="#{cul.id!=eventiBean.dettaglio.id}">
	                <span class="p"><strong><ice:commandLink  actionListener="#{eventiBean.dettaglioListener}"
						action="pretty:culturaItem">				
						<f:attribute name="ident" value="#{cul}" />
						<ice:outputText value="#{cul.titolo}"/>
					<span class="p"><ice:outputText value="#{cul.descrizioneBreve}" /></span>
					<span class="p"><ice:graphicImage width="150"  height="100" styleClass="rt-img-1 ident-bot-5" url="../../../images/eventi/#{cul.foto}" /></span>
					</ice:commandLink></strong></span>
					
					</ice:portlet>
					</ice:repeat>
					
				</div>
			</div>
		</section><!-- end content -->
		</h:form>
		</ui:define>
		</ui:composition>
</html>